iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
佛心分享-IT 人自學之術

30天前端設計之旅系列 第 3

📅 第三天:掌握區塊與文字格式的藝術——讓你的內容井井有條!

  • 分享至 

  • xImage
  •  

歡迎來到前端設計之旅的DAY 3!今天,我們將探討如何使用HTML來控制網頁內容的區塊布局和文字格式,讓你的網頁看起來更加有條理和美觀。

什麼是區塊格式?
在HTML中,我們常常會使用區塊元素(如 div 和 section)來將網頁分成不同區塊。這些區塊幫助你分隔和安排內容,使得整個網頁結構更清晰明瞭。通過使用區塊,也可以更加設計網頁布局,創造更好的用戶體驗。

文字格式如何增強內容效果?
文字是網頁中最重要的內容之一。學習如何使用HTML的文字格式標籤(如 strong、em、br、blockquote 等)來加強文字表達,讓內容更具吸引力和可讀性,是設計網頁的關鍵技能。透過這些標籤,可以改變文字的樣式、強調你想要的重點,讓你的網頁文字更有層次感。

今天的學習目標:

  1. 理解區塊元素:
    • pre為完整呈現原始程式碼
    • blockquote 為縮排
    • hr為水平線
    • div為劃分不同區塊
    • marquee為跑馬燈
  2. 掌握文字格式標籤:
    • strong 為粗體
    • em為符號強調
    • dfn為符號定義
    • cite為引用格式
    • var為變數格式
    • s為刪除
    • mark為螢光筆

上一篇
📅 第二天:揭開網頁結構的面紗——HTML基礎
下一篇
📅 第四天:連接一切——深入了解URL與超連結!
系列文
30天前端設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言